<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!-- 최효송, 메인페이지 작업 11/12일  -->
<!-- 타일즈의 바디 부분으로 들어가는 코드임 -->
<div class="jumbotron">
	<div class="container">
		<h1>여자는 당신을 좋아하지 않습니다.</h1>
		<p>더 이상 있지도 않은 인연을 억지로 만들기 위한 노력을 <strong>중단</strong>하세요! 지금 당신 바로 옆에는 당신과 같은 처지로 외로움에 고통받는 남성들이 넘쳐납니다. 남자의 마음은
			남자가 가장 잘 알 수 있습니다. 마음의 문을 열고 이제 당신의 진정한 짝을 찾는 여정을 시작하세요!</p>
		<p><br>
		
			<!-- 여기 스타트 버튼을 누르면 컨트롤러로 일단 넘어아서 로그인 체크를 하고 서비스 상세 설명 페이지로 넘아간다./ -->
			<a class="btn btn-primary btn-lg" href="/${initParam.context_root }/dating/startPage.do">FYTL
				Start &raquo;</a>
		</p>
	</div>
</div>

<div class="container">
	<!-- Example row of columns -->
	<div class="row">
		<div class="col-lg-4">
			<h2>공지사항</h2>
			<p>사랑은 남녀만의 소유물이 아닙니다. 고대 그리스 시대에 위대한 사랑은 남성간의 사랑이었습니다. 사랑에는 여러가지 형태가 있고, 시대의 흐름에 따라 변천해
				왔습니다. 이성간의 사랑이 <strong>얼마나 열등</strong>한 것인지 알아봅시다.</p>
			<p>
				<a class="btn btn-default" href="/${initParam.context_root }/cscenter/list.do?page=1&divide=5">View details &raquo;</a>
			</p>
		</div>
		<div class="col-lg-4">
			<h2>Gift Box</h2>
			<p>사랑하는 그이를 독차지 하기 위해서는 일단 스스로를 치장해야 합니다. 이곳에 접속해서 자신을 맘껏 꾸미세요! 탑게이들이 만들어가는 온라인 쇼핑몰! 깨물어주고 싶은 <strong>사랑스러운 선물</strong>들이 가득합니다.</p>
			<p>
				<a class="btn btn-default" href="#" onclick="window.open ('http://shop.bent.com/clothing-and-fashion/timoteo-96.html')">View details &raquo;</a>
			</p>
		</div>
		<div class="col-lg-4">
			<h2>FYTL</h2>
			<p>TopGay가 되기위한 핵심 서비스! Find Your True Love에 대해서 알아봅시다. 우리는 자체 개발한 <strong>핵심 알고리즘</strong>을 통해 당신과 가장 잘 맞는 천생연분을
				찾아 소중한 인연으로 이어질 수 있도록 노력합니다. 더 자세한 정보는 아래 버튼을 클릭하세요.</p>
			<p>
				<a class="btn btn-default" href="/${initParam.context_root }/fytl.do">View details &raquo;</a>
			</p>
		</div>
	</div>

	<!-- 여기서부터 About에 대한 컨텐츠 내용 -->


	<hr class="featurette-divider" id="about">

	<div class="row featurette" >
		<div class="col-md-7">
			<h2 class="featurette-heading" style="font-size: 40pt">
				사랑의 고정관념에 도전하다. <br> <span class="text-muted">Men+Women=null;</span>
			</h2>
			<p class="lead">
				이곳에 온 당신은 아마도 많이 지쳐 있을 것입니다. 이해할 수 없는 여성들의 언어에 괴로워하면서도 그녀들의 마음을 얻고자 고군분투했지만 남은 것은 상처뿐이었을 것입니다.
				이제는 더 이상 고통에 신음하지 않으셔도 됩니다. 지금 당신의 주위에는 당신과 같은 문제로 고민하며 괴로워하는 청년들이 수두룩 빽빽 존재합니다. 갈수록 엄혹해지는 취업난과
				그로인해 연애와 결혼을 포기해야하는 우리 시대 청년들. 그러나 사랑마저 포기할 수는 없기에, 저희 <strong>FYTL</strong>은 존재합니다. <br>
				자, 그럼 이제 진짜 사랑을 찾는 여정을 시작합니다.
			</p>

		</div>
		<div class="col-md-5">
			<img class="featurette-image img-responsive" src="/TopGay/image/gg.jpg"
				alt="Generic placeholder image">
		</div>
	</div>

	<hr class="featurette-divider">

	<div class="row featurette">
		<div class="col-md-5">
			<img class="featurette-image img-responsive" src="/TopGay/image/greecegay.jpg"
				alt="Generic placeholder image">
		</div>
		<div class="col-md-7">
			<h2 class="featurette-heading" style="font-size: 45pt">
				혹시 두려우십니까?<br> <span class="text-muted">Love of Ancient Greece</span>
			</h2>
			<p class="lead">
				당신은 혹시 동성애에 대한 안 좋은 선입견을 가지고 있으십니까? 그렇다면 이 글을 읽어주세요! 인류 문명의 발전에 위대한 족적을 남긴 고대 그리스에서 동성간의 사랑은 그다지
				특별한 것이 없는 자연스러운 일상이었습니다. 특히 플라톤은 그의 저작 '향연'에서 이성간의 사랑을 열등한 것으로 규정하면서 가장 지극하고 위대한 사랑은 남성과 남성간의
				사랑임을 진작부터 주창해왔습니다. <br>&nbsp;낙성대학교 석좌교수 '안홍제' 박사는 그의 논문에서 고대 그리스의 위대한 업적은 바로 이러한 남성들간의 사랑이
				가장 주요한 원동력이었음을 밝힌바 있습니다. 그러니 여러분! 두려워 하지 말고 지금 바로 당신의 옆에 앉은 남자의 손을 잡으세요! 서두르지 않으면 품절될 수 있습니다!
			</p>
		</div>
	</div>

	<hr class="featurette-divider">

	<div class="row featurette">
		<div class="col-md-7">
			<h2 class="featurette-heading" style="font-size: 45pt">
				이곳에는 멋진 남자가 가득합니다! <br>
				<span class="text-muted">Boys, be the TopGay</span>
			</h2>
			<p class="lead">남자를 만나고 싶은데 어디에 괜찮은 남자가 있는지 모르시겠다구요? 걱정하지마세요! FYTL이 개발한 핵심 알고리즘을 이용하면 
			단 5분만에 숨어있던 당신의 천생연분을 찾을 수 있습니다. 그에게 쪽지를 보내고, '사랑의 타임라인' 서비스를 신청하세요. 사랑의 타임라인은 그와 당신만의 독립적인 공간을 통해 사랑을 속삭일 수 있도록 만들어졌습니다. 
			<br> 
			</p>
		</div>
		<div class="col-md-5">
			<img class="featurette-image img-responsive" src="/TopGay/image/honggay5.jpg"
				alt="Generic placeholder image">
		</div>
	</div>

	<hr class="featurette-divider">


	<!-- /container -->
</div>